<div class="question item statictext" 
     ng-class="{highlight : item.itemId === highlightedId}" 
     context-menu 
     data-target="context-menu-{{ item.itemId }}"
     ui-sref-active="selected" 
     context-menu-hide-on-mouse-leave="true">
    <span class="cursor"></span>
    <a class="handler" ui-tree-handle></a>
    <a class="item-body" id="{{item.itemId}}" ui-sref="questionnaire.chapter.variable({itemId: item.itemId})">
        <div class="item-text">
            <div class="icon icon-variable"></div>
            <span ng-bind-html="item.variableData.label | escape | highlight:search.searchText"></span>
        </div>
        <div class="qname-block">
            <div class="conditions-block"></div>
            <span ng-bind-html="item.variableData.name | escape | highlight:search.searchText"></span>
        </div>
    </a>
    <div class="dropdown position-fixed" id="context-menu-{{ item.itemId }}">
        <ul class="dropdown-menu" role="menu">
            <li>
                <a ng-click="addQuestionAfter(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly" ng-i18next="TreeAddQuestionAfter">Add question after</a>
            </li>
            <li>
                <a ng-click="addRosterAfter(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly && !currentChapter.isCover" ng-i18next="TreeAddRosterAfter">Add roster after</a>
            </li>
            <li>
                <a ng-click="addGroupAfter(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly && !currentChapter.isCover" ng-i18next="TreeAddSectionAfter">Add sub-section after</a>
            </li>
            <li>
                <a ng-click="addStaticTextAfter(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly" ng-i18next="TreeAddStaticTextAfter">Add static text after</a>
            </li>
            <li>
                <a ng-click="addVariableAfter(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly" ng-i18next="TreeAddVariableAfter">Add variable after</a>
            </li>
            <li>
                <a ng-click="copyRef(item)" ng-i18next>Copy</a>
            </li>
            <li>
                <a ng-disabled="!readyToPaste" ng-click="pasteItemAfter(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly" ng-i18next>PasteAfter</a>
            </li>
            <li>
                <a ng-click="deleteVariable(item)" ng-if="!questionnaire.isReadOnlyForUser && !currentChapter.isReadOnly" ng-i18next>Delete</a>
            </li>
        </ul>
    </div>
</div>
